<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich">
	<rich:panel id="clientSummary" styleClass="pan" style="background-color:#C0D9D9;width:100%">
		<h:panelGroup rendered="#{!boutiqueBacking.connecte}">
			<b><h:outputText value="Connexion" /></b>
			<br />
			<table>
			<tr>
			<td><h:outputText value="#{strings['Client.login']} : " /></td>
			<td><h:inputText id="login" value="#{boutiqueBacking.login}"
				required="true" binding="#{boutiqueBacking.UILogin}" /></td>
			</tr>
			<tr><td>
			<h:outputText value="#{strings['Client.password']} :" /></td>
			<td>
			<h:inputSecret redisplay="true" id="mdp" value="#{boutiqueBacking.mdp}" /></td>
			</tr>
			</table>
			<rich:message for="login" />
			<h:selectBooleanCheckbox id="remember" value="#{boutiqueBacking.remember}" onclick="return check(this);" />
			<h:outputText value="#{strings['Client.remember']}"/><br/>
			<h:commandButton action="#{boutiqueBacking.connexionClient}"
				value="Connexion" /><br/>
			<h:commandLink action="#{boutiqueBacking.link2register}" immediate="true"><h:outputText value="Register" /></h:commandLink>
		
		</h:panelGroup>
		<h:panelGroup rendered="#{boutiqueBacking.connecte}">
		
			<b><h:outputText value="#{strings['Accueil.welcome2']} : " />
				<h:outputText value="#{boutiqueBacking.client.login}" /></b>
			<br />
			<h:commandLink action="#{boutiqueBacking.link2commandes}" immediate="true"><br/>
			<h:graphicImage name="16/order.png" library="icons" style="border:0; margin-right:10px;margin-left:5px" />
			<h:outputText value="#{strings['Commande.titre']}"/></h:commandLink><br />
			
			<h:commandLink action="#{boutiqueBacking.link2account}" immediate="true"><br/>
			<h:graphicImage name="16/person.png" library="icons" style="border:0; margin-right:10px;margin-left:5px" />
			<h:outputText value="#{strings['Commande.compte']}"/></h:commandLink><br />
			<br />
			<h:commandButton action="#{boutiqueBacking.deconnexion}"
				value="Deconnexion" />
		</h:panelGroup>
	</rich:panel>
</ui:composition>
